/****************************
 * Begin widget css classes.
 ****************************/
.productgridwidget
{
        width:470px;
}
.productgridwidgethead
{
        background: url(http://store.apple.com/Catalog/US/Images/ipod_homepage_whatsnew_left.gif) no-repeat top left;
        margin: 0;
}
.productgridwidgethead h3 {
        font-size: 12px;
        font-weight: bold;
        color: rgb(116,116,116);
        line-height: 14px;
        padding: 5px 5px 5px 8px;
        background: url(http://store.apple.com/Catalog/US/Images/ipod_homepage_whatsnew_right.gif) no-repeat top right;
        margin: 0;
}
.productgridwidget .asgrid {
        width:470px;
        border-bottom: 1px solid rgb(169,169,169);
        border-left: 1px solid rgb(169,169,169);
        border-right: 1px solid rgb(169,169,169);
        margin:0;
}
/*\*/
html > body .productgridwidget .asgrid {
        width:458px;
        border-bottom: 1px solid rgb(169,169,169);
        border-left: 1px solid rgb(169,169,169);
        border-right: 1px solid rgb(169,169,169);
        padding-left: 5px;
        padding-right: 5px;
        margin:0;
}
/* */
.productgridwidget .asgrid dl {
        width: 115px;
        vertical-align: top;
        text-align: left;
        float: left;
        padding: 0 4px;
        margin:0;
}
/*\*/
html > body .productgridwidget .asgrid dl {
        width: 102px;
        vertical-align: top;
        text-align: left;
        float: left;
        padding: 0 5px;
        margin:0;
}

/* */
.productgridwidget .asgrid dl.astablecell {
        border-right: 1px solid rgb(169,169,169);
}
.productgridwidget .asgrid div {
        margin: 0em;
}
.productgridwidget .asgrid div.image {
        display: block;
        height: 85px;
}
.productgridwidget .asgrid div.name a {
        font-size: 11px;
        color: #36c;
        font-weight: bold;
        line-height: 13px;
        display: block;
        height: 3.5em;
        text-decoration: none;
}
.productgridwidget .asgrid div.name a:hover {
        text-decoration: underline;
}
.productgridwidget .asgrid div.desc {
        font-size: 11px;
        color: rgb(62,62,62);
        line-height: 13px;
        display: block;
        min-height: 4.75em;
        max-height: 4.75em;
        overflow: hidden;
        padding-top:4px;
}
.productgridwidget .asgrid div.price {
        display: block;
        bottom: 0px;
        font-size: 11px;
        color: black;
        font-weight: bold;
        line-height: 12px;
        padding-top: 4px;
}

.productgridwidget .astablerow {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgb(169,169,169);
}

.productgridwidget .astablelastrow {
    padding-top: 10px;
    padding-bottom: 10px;
}

.productgridwidgetproduct
{
}

.whatsnewwidget
{
        width:470px;
}
.whatsnewwidgethead
{
        background: url(http://store.apple.com/Catalog/US/Images/ipod_homepage_whatsnew_left.gif) no-repeat top left;
        margin: 0;
}
.whatsnewwidgethead h3 {
        font-size: 12px;
        font-weight: bold;
        color: rgb(116,116,116);
        line-height: 14px;
        padding: 5px 5px 5px 8px;
        background: url(http://store.apple.com/Catalog/US/Images/ipod_homepage_whatsnew_right.gif) no-repeat top right;
        margin: 0;
}
.whatsnewwidget .asgrid {
        width:470px;
        border-bottom: 1px solid rgb(169,169,169);
        border-left: 1px solid rgb(169,169,169);
        border-right: 1px solid rgb(169,169,169);
        padding: 5px 0;
        margin:0;
}
/*\*/
html > body .whatsnewwidget .asgrid {
        width:468px;
        border-bottom: 1px solid rgb(169,169,169);
        border-left: 1px solid rgb(169,169,169);
        border-right: 1px solid rgb(169,169,169);
        padding: 5px 0;
        margin:0;
}
/* */
.whatsnewwidget .asgrid dl {
        width: 115px;
        vertical-align: top;
        text-align: left;
        float: left;
        padding: 0 4px;
        margin:0;
}
/*\*/
html > body .whatsnewwidget .asgrid dl {
        width: 105px;
        vertical-align: top;
        text-align: left;
        float: left;
        padding: 0 5px;
        margin:0;
}
/* */
.whatsnewwidget .asgrid dl.astablecell {
        border-right: 1px solid rgb(169,169,169);
}
.whatsnewwidget .asgrid div {
        margin: 0em;
}
.whatsnewwidget .asgrid div.name a {
        font-size: 11px;
        color: #36c;
        font-weight: bold;
        line-height: 13px;
        display: block;
        height: 3.5em;
        text-decoration: none;
}
.whatsnewwidget .asgrid div.name a:hover {
        text-decoration: underline;
}
.whatsnewwidget .asgrid div.desc {
        font-size: 11px;
        color: rgb(62,62,62);
        line-height: 13px;
        padding-top:4px;
}
.whatsnewwidget .asgrid div.price {
        font-size: 11px;
        color: black;
        font-weight: bold;
        line-height: 12px;
        height: 1.5em;
        padding-top:4px;
}
.whatsnewwidgetproduct
{
}

.editorialwidget {
}

.editorialwidgetboxw470 { width: 470px; }
.editorialwidgetboxw400 { width: 400px; }
.editorialwidgetboxw300 { width: 300px; }
.editorialwidgetboxw200 { width: 200px; }

.editorialwidgetbox {
	background: url(i/editorialwidget_borders.gif) 0 0 repeat-y;
	float: left;
	margin: 5px 0px;
	min-height: 150px;
	position: relative;
}
.editorialwidgetbox * {
	margin: 0;
	padding: 0;
}
.editorialwidgetbox dl {
	background: url(i/editorialwidget_borders.gif) 100% 0 repeat-y;
	min-height: 150px;
	padding: 0 0 10px;
}
.editorialwidgetbox dt {
	background: url(i/editorialwidget_box_tr.gif) 100% 0 no-repeat;
	color: #000;
	font-weight: bold;
	padding: 14px 14px 7px;
}
.editorialwidgetbox dd {
	color: #4d4d4d;
	padding: 0 14px;
}
.editorialwidgetbox img {
	float: left;
	margin: 0 12px 0 0;
}
.editorialwidgetbox .tl {
	background: url(i/editorialwidget_box_tl.gif) 0 0 no-repeat;
	height: 7px;
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
}
.editorialwidgetbox .b {
	background: url(i/editorialwidget_box_bl.gif) 0 100% no-repeat;
	bottom: 0;
	height: 7px;
	position: absolute;
	width: 100%;
}
.editorialwidgetbox .br {
	background: url(i/editorialwidget_box_br.gif) 0 0 no-repeat;
	height: 7px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 7px;
}

div.slot {	

}

.chatwrap {
	position: relative;
}

.support-info-widget {
	font: 10px/16px 'Lucida Grande', Geneva, Verdana, Helvetica, Arial, sans-serif;
	color: #787878;
	height: 24px;
	line-height:24px;
	padding: 8px 0 0;
	position: absolute;
	top: -40px; 
	right: 15px;
	display: block;
}
.support-info-widget img {
	margin-top:-8px;
	vertical-align: -8px;
}
.support-info-widget a {
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 2px 0 2px 0;
	text-decoration: none;
	color: #787878;
}
.support-info-widget a img {
	border: none;
}

/****************************
 * End of widget css classes.
 ****************************/

.nav
{
	background-color: rgb(236,236,236);
	display: block;
	margin: 0;
	width: 135px;
	float: left;
}


.asdestinationlist .title
{
	background-color: rgb(236,236,236);
	display: block;
	margin: 0;
	width: 135px;
	margin-bottom: 5px;
}

.asdestinationlist h2
{
    background: url(i/cp_newtop.gif) no-repeat top center;
	color: white;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	padding: 4px 0px 2px 6px;
	font-weight: bold;
	margin:0;
	text-align: left;
}

.asdestinationlist h2 a
{
	text-decoration: none;
	color: white;
}

.asdestinationlist h2 a:hover
{
	text-decoration: underline;
}

.asdestinationlist ol
{
	margin: 0;
	padding: 0;
}

.asdestinationlist li
{
	margin-left: 0;
	display: block;
	background-color: rgb(236,236,236);
	padding: 2px 5px 2px 6px;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	line-height: 13px;
	color: #778087;
	width: 124px;
}

.asdestinationlist li a
{
	background-color: rgb(236,236,236);
	display: block;
	text-align: left;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	line-height: 13px;
	color: #778087;
	text-decoration: none;
	clear: right;
	margin: 0;
}

.asdestinationlist li a:hover
{
	text-decoration: underline;
	margin: 0;
}

.asdestinationlist a img
{
	padding: 0 !important;
	text-decoration: none;
	clear: right;
	margin: 0;
}

.list-end
{
	height:10px;
}

#ipod_main
{
	width: 588px;
	text-align: left;
}

#ipod_main p { margin: 0 0 1em 0; }

#ipod_main #ipod_content
{
    /*float: right;*/
    margin-left: 15px;
    width: 552px;
}

#ipod_nav
{
	float: left;
	width: 135px;
}

div.clearer
{
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}


.availability
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
}

p.availability { margin: .3em 0 .5em 0; }

span.freeshipping {color: #ff3300; display: block; line-height: 1.4em}

.prod-header-img {
	padding-bottom: 40px;
}
span.overnightshipping {
	font-size: 11px;
	margin-top: 3px;
	display: block;
	line-height: 1.2em;
}

/* loan formatting */
.loan {display:block; border-top: 1px solid #999;background-repeat: no-repeat; background-position: left top;color: #464646;background-image: url(http://images.apple.com/r/store/images/loan_icon.gif); margin-top:10px; width:160px;}
.loan p {margin: 5px 0 0 30px; padding: 0; width:130px; line-height:13px;}
.loan p span {color:#f30;}

/* ipod comp table*/
table#ipodcomptable {padding:0; margin-bottom: 15px;}
td.title {font-size: 12px; font-weight:bold; margin:0; padding:15px 0 5px 0;}
td.speclink {font-size: 11px; text-align: right; font-weight:normal; padding:15px 0 5px 0;}

body, table, td {
    color: #000;
}

#as-page-content {
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
}

a
{
	text-decoration: none;
	color: #36C;
}

a:hover { text-decoration: underline; }

a:active
{
	color: #666666;
	text-decoration: none;
}


.L10
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

.L10bold
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
}

.L10G
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #868F98;
}

.L11
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

.L11bold
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
}

.L11G
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #868F98;
	line-height: 13px;
}

.L12
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.L12bold
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.L12G
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #868F98;
}

.L13
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
}

.L14
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
}

.L14bold
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.L14G
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #868F98;
}

.L15
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 16px;
}

.L16
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 17px;
}

.L16bold
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.L16G
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #868F98;
}

.L18
{
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.L18bold
{
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.L24
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
}

td#textpromo
{
	padding-top: 8px;
	padding-bottom: 8px;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
}

td#textpromo a
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}

td#listlinks
{
	background-color: rgb(236,236,236);
	padding: 0px 5px 1px 6px;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	border: 1px solid rgb(236,236,236);
}

td#listlinkspad
{
	background-color: rgb(236,236,236);
	padding: 0px 0px 0px 0px;
}

td#listlinks a
{
	text-decoration: none;
	color: #36C;
}

td#listlinks a:hover { text-decoration: underline; }
td#listlinks a:visited { color: #36C; }

td#listheader
{
	background-color: rgb(152,157,165);
	color: white;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	padding: 0px 0px 2px 6px;
	font-weight: bold;
}

td#listheader a
{
	text-decoration: none;
	color: white;
}

td#listheader a:hover { text-decoration: underline; }
td#stdcell { background-color: rgb(236,236,236); }

td#welcome
{
	background-color: rgb(236,236,236);
	color: black;
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	padding: 0px 0px 3px 6px;
	font-weight: bold;
}

td#personalisation
{
	background-color: rgb(236,236,236);
	padding: 1px 5px 1px 6px;
	font: 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	border: 1px solid rgb(236,236,236);
	vertical-align: bottom;
}

td#personalisation a
{
	text-decoration: none;
	color: #36C;
}

td#personalisation a:hover { text-decoration: underline; }

font.adminlistheader
{
	background-color: rgb(152,157,165);
	color: white;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	padding: 0px 0px 2px 6px;
	font-weight: bold;
}

/*Tax IDs*/
/*====================================================================================*/

div.tax-id div.disabled div.tax-type-select {
    color:black;
}

div.tax-id input.tax-field { width:210px; }
* html div.tax-id input.tax-field { width:180px; }

div.tax-id div.tax-type-select input {
    float:left;
    margin-right:4px;
}

/*Disabled state*/
div.tax-id div.disabled {
    color:#a6a6a6;
}

div.tax-id div.disabled input.tax-field,
div.tax-id div.disabled div.exemptable input {
    opacity:0.5;
}

* html div.tax-id div.disabled input.tax-field,
* html div.tax-id div.disabled div.exemptable input { border:1px solid #a6a6a6; }
* html div.exemptable div.select-exempt input { border:0 !important; }

/*Exemptable Tax Field*/
div.exemptable div.select-exempt {
    float:right;
    margin:2px 40px 0 0;
}

div.exemptable p {
    margin:0;
}

div.exemptable div.select-exempt input {
    margin:2px 0 0 10px;
}

div.exemptable input.exemptable-field {
    width:210px;
}

* html div.exemptable input.exemptable-field { width:180px; }

.padding10 { padding-bottom: 10px; }
.xcardstable { border: 1px solid rgb(102,102,102); }

.xcardstop
{
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: white;
	font-weight: bold;
	border-right: 1px solid rgb(218,219,219);
	border-bottom: 1px solid rgb(102,102,102);
	background-color: rgb(134,143,152);
	padding: 4px 4px 4px 5px;
}

.xcardstopend
{
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid rgb(102,102,102);
	background-color: rgb(134,143,152);
	padding: 4px 4px 4px 5px;
}

.xcards1
{
	padding: 4px 4px 4px 5px;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	border-right: 1px solid rgb(218,219,219);
	background-color: rgb(237,243,254);
	vertical-align: top;
}

.xcards1end
{
	padding: 4px 4px 4px 5px;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	background-color: rgb(237,243,254);
	vertical-align: top;
}

.xcards2end
{
	padding: 4px 4px 4px 5px;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	background-color: white;
	vertical-align: top;
}

.xcards2
{
	padding: 4px 4px 4px 5px;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	border-right: 1px solid rgb(218,219,219);
	background-color: white;
	vertical-align: top;
}

.padding36r { padding-right: 36px; }

.NewCardMessage
{
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
}

td.welcome
{
	background-color: rgb(236,236,236);
	color: black;
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	padding: 0px 0px 3px 6px;
	font-weight: bold;
}

td.personalisation
{
	background-color: rgb(236,236,236);
	padding: 1px 5px 1px 6px;
	font: 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	border: 1px solid rgb(236,236,236);
	vertical-align: bottom;
}

td.personalisation a
{
	text-decoration: none;
	color: #36C;
}

td.personalisation a:hover { text-decoration: underline; }

#as-page-content hr {background: #999;
	text-align: center;
	height: 1px;
	border: 0 none;}

.ac_bars
{
    display:                block;
    background-repeat:      no-repeat;
    background-position:    0px 0px;
    background-image:       url(i/ac_bars.gif);
    height:                 110px;
    width:                  254px;
    padding-left:           0px;
    padding-top:            0px;
}

.productsummary ul
{
    margin:         0px 0px 0px 0px;
    padding:        0px 0px 0px 0px;
    padding-left:   10px;
    font-size:      10px;
    line-height:    13px;
}

.productsummary li
{
    font-size:          10px;
    padding:        	0px;
    padding-right:      4px;
    margin-bottom:     	4px;
}

.personalisation_controls
{
	background-color: rgb(220,234,251);
	padding: 4px;
}

td#summary_personalisation
{
	padding: 1px 5px 1px 6px;
	font: 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	border: 1px solid rgb(236,236,236);
	vertical-align: bottom;
}

td#summary_personalisation a
{
	text-decoration:	none;
	color: 				#36C;
}

td#summary_personalisation a:hover
{
	text-decoration: underline;
}

.summary_personalisation .availability
{
	font: 				12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

.summary_personalisation .customer_commit_display
{
	font-weight:		bold;
	padding-bottom:		4px;
}

.summary_personalisation #productAvailabilityText
{
	padding-bottom:		0;
}

.summary_personalisation .freeshipping
{
	color: 			#ff3300;
	font: 			12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	display: 		block;
	line-height: 	1.4em;
	font-weight:	bold;
}

.summary_personalisation .L11,
.summary_personalisation .L11bold,
.summary_personalisation .L11G
{
	font-size:		12px;
}

.recalc_instructions
{
	padding-top:		10px;
	padding-bottom:		5px;
}

.f12
{
    font-size:          12px;
    line-height:        14px;
}

.f10
{
    font-size:          10px;
    line-height:        13px;
}

.red
{
    color:              rgb(204, 0, 0);
}

.gray
{
    color:              rgb(134, 143, 152);
}

.optionSeparator {
    padding-left:0.7em
}
.optionSeparator + .optionSeparator {  
    border-left:1px solid #ccc;
    margin-left:0.3em   
}

.fadedOut {
    color:#aaa;
}

.fadedOut * {
    color:#aaa;
}

.deliverytimeframe
{
	position:relative;
	display:none;
	z-index:100;
}

.deliverytimeframe iframe
{
	display:none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	height:252px;
	width:330px;
}